<template>
  <div>
    <van-notice-bar id="notice" left-icon="volume-o" :scrollable="false">
      <van-swipe
        vertical
        class="notice-swipe"
        :autoplay="3000"
        :show-indicators="false"
      >
        <van-swipe-item>用户53**正在进行咨询</van-swipe-item>
        <van-swipe-item>用户53**正在进行咨询</van-swipe-item>
        <van-swipe-item>用户53**正在进行咨询</van-swipe-item>
      </van-swipe>
    </van-notice-bar>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
#notice {
  width: 2.9rem;
  height: 0.5rem;
  background-image: url(@/assets/Di/圆角矩形4.png);
  background-size: cover;
  margin-top: 0.49rem;
  margin-left: 0.32rem;
  display: flex;
  padding: 0;
  background-color: rgba(255, 192, 203, 0);
  color: white;
}
.notice-swipe {
  color: white;
  height: 0.4rem;
  line-height: 0.41rem;
  font-size: 0.12rem;
}
</style>